{{#if model.logs}}
  <div class="group-logs-controls">
    {{group-logs-filter clearFilter="clearFilter" value=filters.action type="action"}}
    {{group-logs-filter clearFilter="clearFilter" value=filters.acting_user type="acting_user"}}
    {{group-logs-filter clearFilter="clearFilter" value=filters.target_user type="target_user"}}
    {{group-logs-filter clearFilter="clearFilter" value=filters.subject type="subject"}}
  </div>

  {{#load-more selector=".group-logs .group-logs-row" action="loadMore"}}
    <table class="group-logs">
      <thead>
        <th>{{i18n 'groups.logs.action'}}</th>
        <th>{{i18n 'groups.logs.acting_user'}}</th>
        <th>{{i18n 'groups.logs.target_user'}}</th>
        <th>{{i18n 'groups.logs.subject'}}</th>
        <th>{{i18n 'groups.logs.when'}}</th>
        <th></th>
      </thead>

      <tbody>
        {{#each model.logs as |log|}}
          {{group-logs-row
              log=log
              filters=filters}}
        {{/each}}
      </tbody>
    </table>
  {{/load-more}}

  {{conditional-loading-spinner condition=loading}}
{{else}}
  <div>{{i18n "groups.empty.logs"}}</div>
{{/if}}
